#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:#f3f3f3 url(http://3.bp.blogspot.com/-qE_hChQ5E-U/Udj5pII8TfI/AAAAAAAAEwY/TpwqKFS1ARI/s1600/cbg.png);color:#444;border-top:5px solid #444;height:100%;font-family: 'Open Sans', sans-serif, Segoe UI,Arial,Tahoma;font-size:13.6px;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0}
a,a:link,a:visited{color:#0088b2;text-decoration:none}
a:hover,a:active{color:#666;text-decoration:none}
b{font-weight:600}
h2.date-header{display:none}
.header-wrapper{width:90%;color:#ffffff;min-height:110px;overflow:hidden;position:relative;z-index:999;margin:0 auto;padding-left:38px;padding-top:38px;}
#header{max-width:330px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
#header-inner{color:#ffffff;margin:10px 0 10px;padding:0}
#header h1,#header p{font:38px Oswald;text-transform:uppercase;line-height:38px;color:#ffffff;padding-bottom:10px;margin:0;font-weight:normal}
#header h1 a,#header h1.title a:hover{color:#ffffff;text-decoration:none;}
#header .description{color:#aaa;font:12px Open Sans;text-shadow:none;}
#header img{border:0 none;background:none;width:auto;height:auto;margin:-13px auto}
#menu{font-size:15px;font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;text-transform:uppercase;height:50px;line-height:50px;background-color:#292929}

#menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
#menu ul{height:42px;width:90%}
#menu li{float:left;display:inline;position:relative;font:bold 14px Arial;text-transform:uppercase;font-weight:normal}
#menu a{display:block;line-height:42px;padding:0 14px;text-decoration:none;color:#fff;font-family:'Oswald', Arial, sans-serif;text-shadow: 0 -1px 0 #222;}
#menu li a{border-right:1px solid #222;}
#menu li a:hover {color:#fff;background-color:#222;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font-size:20px;display:none;width:35px;height:20px;line-height:20px;text-align:center;color:#fff}
#menu label span{font:normal 14px Oswald;position:absolute;left:35px;}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#444;border-top:1px solid #222;border-left:1px solid #000;border-bottom:1px solid #000;position:absolute;z-index:99;display:none;left:-1px;}
#menu ul.menus li{display:block;width:100%;font-size:13px;text-transform:none;text-shadow:none}
#menu ul.menus a{color:#fff;text-transform:uppercase}
#menu li:hover ul.menus{display:block}
#menu a.dropdown{padding:0 27px 0 14px}
#menu a.dropdown::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#f0f0f0 transparent transparent transparent;position:absolute;top:16px;right:9px}
#menu ul.menus a:hover{background:#222;color:#fff}
.social-tooltip{width:44.5%;margin:18px auto;padding:0;float:right;position:relative}
.social-tooltip ul{list-style:none;color:#ddd;width:90%;margin:0 auto;padding:0}
.social-tooltip ul li{list-style:none;line-height:28px;display:inline-block}
.social-tooltip li a{color:#aaa;display:block;font-size:28px;position:relative;text-decoration:none;padding:0 10px}
.social-tooltip li a:hover,.social-tooltip .selected{color:#444;text-decoration:none;}
.pinterest{position:relative;color:#ce2027}
.pinterest::before {content:"Pinterest ";background:#444;color:#fff;font-size:13px;padding:0px 15px;position:absolute;top:-38px;text-align:center;left:5px;border-radius:5px;visibility:hidden;}
.pinterest::after {content:" ";width:0;height:0;border-color:#444 transparent transparent;border-style:solid;border-width:6px 6px 0;left:16px;top:-10px;position:absolute;visibility:hidden;}
.pinterest:hover::before, .pinterest:hover::after {visibility:visible;}
.twitter{position:relative}
.twitter::before {content:"Twitter ";background:#444;color:#fff;font-size:13px;padding:0px 15px;position:absolute;top:-38px;text-align:center;left:5px;border-radius:5px;visibility:hidden;}
.twitter::after {content:" ";width:0;height:0;border-color:#444 transparent transparent;border-style:solid;border-width:6px 6px 0;left:16px;top:-10px;position:absolute;visibility:hidden;}
.twitter:hover::before, .twitter:hover::after {visibility:visible;}
.facebook{position:relative}
.facebook::before {content:"Facebook ";background:#444;color:#fff;font-size:13px;padding:0px 15px;position:absolute;top:-38px;text-align:center;left:5px;border-radius:5px;visibility:hidden;}
.facebook::after {content:" ";width:0;height:0;border-color:#444 transparent transparent;border-style:solid;border-width:6px 6px 0;left:16px;top:-10px;position:absolute;visibility:hidden;}
.facebook:hover::before, .facebook:hover::after {visibility:visible;}
.gplus{position:relative}
.gplus::before {content:"Google Plus ";background:#444;color:#fff;width:72px;font-size:13px;padding:0px 15px;position:absolute;top:-38px;text-align:center;left:5px;border-radius:5px;visibility:hidden;}
.gplus::after {content:" ";width:0;height:0;border-color:#444 transparent transparent;border-style:solid;border-width:6px 6px 0;left:16px;top:-10px;position:absolute;visibility:hidden;}
.gplus:hover::before, .gplus:hover::after {visibility:visible;}
.outerpic-wrapper{width:100%;padding:0;margin:0 auto;overflow:hidden}
.headerpic-wrapper{background:#333;width:100%;padding:0;margin:0 auto;}
.content-wrapper{position:relative;max-width:90%;margin:0 auto}
.outer-wrapper{position:relative;width:100%;padding:0}
.main-wrapper{width:70%;margin:0;float:right;word-wrap:break-word;overflow:hidden;}
.clr{clear:both;float:none}
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#666;line-height:1.2em;margin:.1em 0}
.post{margin:10px 5px;padding:10px 15px;background:#fff;border:1px solid #d0d0d0;border-bottom-color: #ccc;-moz-box-shadow: 0 -1px 0 #f1f1f1, 0 1px 1px rgba(0,0,0,0.06);-webkit-box-shadow: 0 -1px 0 #f1f1f1, 0 1px 1px rgba(0,0,0,0.06);box-shadow: 0 -1px 0 #f1f1f1, 0 1px 1px rgba(0,0,0,0.06);}
.post h1,.post h2{font-family: 'Oswald', sans-serif, Segoe UI,Arial,Tahoma;font-size:200%;line-height:1.2em;color:#333;margin:.0em 0 0;padding:4px 0;font-weight:normal;text-transform:uppercase}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#333;}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#0088b2}
.post-body{padding-top:10px;font:13.6px "Open Sans","Trebuchet MS",Helvetica,sans-serif;margin:1.0em 0 .75em;line-height:1.8em;}
.post-body blockquote{line-height:1.8em}
.post th{background:#f2f2f2;padding:2px 8px}
.post td{border-top:1px solid #dfdfdf;background:#f9f9f9;padding:2px 8px}
.post table{width:100%;border:1px solid #ccc;margin:10px 0 0;padding:0}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;line-height:1.4em;margin:.75em 0;}
.comment-link{margin-left:.1em}
blockquote{position: relative; margin:2em 0; padding:1em 3em 2em 3em;}
blockquote:before{display: block; content: "\201C"; line-height:1; font-size: 6em;  font-family: "Open Sans", sans-serif; position: absolute; left: 0; top: -0.1em; color: #ddd;}
blockquote {font-size:1.2em;font-style:italic}
blockquote cite {color: #999; font-size: .85em; display: block; margin-top: .8em;}
blockquote cite:before { content: "\2014 \2009"; }
.post img,#header2 img,.sidebar img{max-width:100%;width:auto;-ms-interpolation-mode:bicubic;border:0;}
.video-container { position:relative; margin:0 0 15px 0;padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.video-container iframe,.video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:auto;text-align:center;display:inline-block;color:#777
;text-transform:none;margin:0;padding:4px 15px;background:#f0f0f0;border:1px solid #d0d0d0;font-size:13.3px;}
.blog-pager,#blog-pager{clear:both;text-align:center;padding:15px 10px}
.showpageNum a,.showpage a{background:#eee;text-decoration:none;white-space:nowrap;color:#222;margin:11px 3px 10px 3px;padding:4px 10px;border:1px solid #ccc;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.showpageNum a:hover,.showpage a:hover{border:1px solid #1573A3;background-color:#2288bb;color:#fff;}
.showpageOf{display:none;margin:0}
.showpagePoint{border:1px solid #1573A3;background-color:#2288bb;color:#fff;;font-size:12px;margin:10px 3px;padding:5px 10px;}
.feed-links{clear:both;line-height:2.5em}
#related-posts{float:left;width:100%;border-top:1px solid #d0d0d0;margin:20px 0 10px 0}
#related-posts .title{background:none;color:#555;font-size:20px;font-family: 'Oswald', Arial;font-weight:normal;padding:20px 0 12px 0;text-transform:uppercase}
#related-posts .thumb_img {padding:0 0;width:138px;height:90px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#related-posts .thumb_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
.readmorecontent{float:right;margin-top:-8px;padding:0;font-size:13.6px}
.readmorecontent a{color: #0088b2;text-decoration:none;}
.readmorecontent a:hover{text-decoration:none;color:#666}
.breadcrumbs{padding:3px 5px 5px 10px;margin:10px auto;font-size:13px;color:#888;width:96%;background:#fff;border:1px solid #d0d0d0;border-bottom-color: #ccc;-moz-box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.06);-webkit-box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.06);box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.06);}
.postmeta{font:11px Oswald;text-transform:uppercase;font-weight:normal;padding:5px 0;line-height:16px;color:#aaa}
.postmeta1{background:#f5f5f5;border-top:1px solid #d0d0d0;margin:15px -15px -7px -15px !important;font:11px Open Sans;text-transform:uppercase;font-weight:normal;padding:20px 15px;line-height:16px;color:#aaa}
.clock{color:#aaa;padding:2px 5px 2px 3px}
.clock a{color:#0088b2}
.clock a:hover{color:#666}
.post-labels{font:11px Oswald;text-transform:uppercase;font-weight:normal;margin-top:15px;}
#homepage{width:100%;float:left; font-size:12px }
.menusearch{width:200px;float:right;margin:0 auto;padding:4px 15px 0 0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;border:1px solid #ddd}
.searchform input {font:normal 12px Arial;color:#999;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}
.sidebar-wrapper{width:30%;font-size:13.3px;float:left;word-wrap:break-word;overflow:hidden}
.sidebar h2{background:#444;color:#fff;text-shadow:0 -1px 0 #000;font:14px Oswald;top:0;margin:0;padding:8px 0 8px 13px;text-transform:uppercase;}
.sidebar{color:#999;line-height:1em;margin:5px 0;}
.sidebar li{background:url(http://2.bp.blogspot.com/-hImJooFDSmU/Uc3V0L2KJCI/AAAAAAAAEqc/6xhyx6jBkfg/s5/bottom-line1.png)repeat-x bottom left;line-height:1.3em;margin:0;padding:5px 0 4px;}
.sidebar li:last-child{background:none}
.sidebar .widget{margin:10px 3px 10px 1px;padding:0;background:#f5f5f5;border:1px solid #d0d0d0;border-bottom-color: #ccc;-moz-box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.06);-webkit-box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.06);box-shadow: 0 -1px 0 #fff, 0 1px 1px rgba(0,0,0,0.06);}
.sidebar .widget-content{margin:0 auto;padding:0 10px;}
.sidebar a:link,.sidebar a:visited{color:#777;text-decoration:none;font-weight:600;text-shadow:0 1px 0 #fff;}
.sidebar li a:hover{color:#0088b2}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
#Label1  {padding-bottom:10px}
#Label1 ul {margin:10px 0 20px 0}
#Label1 li {float: left;display: inline;margin: 0 5px 5px 0;padding: 0 5px;height: 24px;line-height: 24px;color: #aaa;background-color: #e2e2e2;-webkit-transition: background-color 0.5s linear;-moz-transition: background-color 0.5s linear;-o-transition: background-color 0.5s linear;transition:  background-color 0.5s linear;}
#Label1 li a {padding: 0 8px;color: #666;-webkit-transition: color 0.5s linear;-moz-transition: color 0.5s linear;-o-transition: color 0.5s linear;transition: color 0.5s linear;text-shadow:0px 1px 0px #fff;}
#Label1 a:hover {color: #0088b2;}
#footer{background:#262626;width:100%;padding:0;}
.footer-wrapper{color:#777;height:100%;line-height:2em;overflow:hidden;padding:0;font-size:13.3px;}
.footer{float:left;width:31%;margin:10px}
.footer .widget{margin-bottom:30px}
.footer h2{border-bottom:3px solid #333;padding-bottom:8px;margin-top:15px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#fff;font:normal 14px Oswald;}
.footer .widget-content{line-height:21px}
.footer ul{list-style:none;color:#777;margin:0;padding:0}
.footer li{color:#777;line-height:1.2em;margin:0;padding:12px 0 12px 18px;border-bottom:1px solid #2c2c2c}
.footer li a:before {
content: "\f017";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #575757;
font-size: 13px;
margin-right:17px;
position: absolute;
left:0;
}
.footer a:link,.footer li a:visited{color:#999;text-decoration:none;font-weight:600;position:relative;text-indent:-18px;}
.footer li a:hover{color:#ccc}
#credit{background:#1e1e1e;font-size:13px;color:#777;width:100%;overflow:hidden;clear:both;padding:20px 0 45px 0;line-height:18px;border-top:1px solid #333;text-align:center;text-transform:capitalize;position:relative}
#creddit{font-size:13px;color:#777;width:100%;overflow:hidden;clear:both;padding:0;line-height:18px;text-align:center;margin-top:-40px;}
#creddit a{color:#999;text-decoration:none}
#creddit a:hover{color:#777;text-decoration:none}
#credit a{color:#999;text-decoration:none;}
#credit a:hover{color:#777;text-decoration:none}
.PopularPosts .item-thumbnail img{width:72px;height:72px;padding:4px;margin:0;border:1px solid #ddd}
@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}
@media screen and (max-width: 800px){
.content-wrapper{position:relative;width:100%;margin:0 auto}
#menu{width:98%}
.menusearch{float:none;padding:5px 0 10px}
.headerpic-wrapper{width:100%;margin:0 auto}
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none}
#header-inner{margin:10px}
.main-wrapper{margin-right:0;width:100%;}
#menu{position:relative}
#menu ul{background:#444;position:absolute;top:100%;left:0;z-index:3;height:auto;display:none;width:100%;border:1px solid #222;}
#menu ul.menus{width:100%;position:static;padding-left:20px;border:none;}
#menu li{display:block;float:none;width:auto;border-top:1px solid #222;}
#menu input,#menu label{position:absolute;top:7px;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:#bbb}
#menu input:checked ~ ul{display:block}
.social-tooltip li a{border-right:0}
.social-tooltip{margin:0 auto;width:100%;overflow:hidden;}
#header2,.social-tooltip ul{text-align:center;width:100%}
.sidebar-wrapper{width:100%;margin:0 auto;}
}
#top-arrow {
position: fixed;
bottom: 5px;
right:5px;
z-index: 100;
width: 36px;
height: 36px;
clear: both;
margin: 0;
overflow: hidden;
}
#top-arrow a {
float: right;
margin: 0;
padding: 0;
}
#top-arrow a.first {
float: right;
}
@media screen and (max-width: 760px){
.outer-wrapper{padding:0}
.main-wrapper{margin-right:0;width:100%;min-height:0}
.sidebar-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:98%;margin:0 auto}
#comment-editor{margin:10px}
.footer{width:auto;margin:15px}
#relpost_img_sum .news-text {display:none}
}
@media screen and (max-width: 480px){
.sidebar-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;margin:0 auto}
#header img{width:100%}
#relpost_img_sum .news-title {font: 11px Arial}
.post-comment-link{display:none}
}
@media screen and (max-width: 320px){
.postmeta1{display:none}
}
@media screen and (max-width: 240px){
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none;}
#header-inner{margin:10px 0}
#header img{border:0 none;background:none;max-width:95%;height:auto;margin:0 auto}
.comments .comments-content .comment-replies{margin-left:0}
}
.post-body figure img,
ol img,.catatan img {
border:none;
padding:0 0;
-webkit-box-shadow:0 0 3px rgba(0,0,0,.7);
-moz-box-shadow:0 0 3px rgba(0,0,0,.7);
box-shadow:0 0 3px rgba(0,0,0,.7);
display:block;
margin:0 auto;
}
figure {
text-align:center;
background:#CFDBEC;
border:1px solid #a5a5a5;
margin:0 5%;
padding:10px;
}
figure figcaption {
margin:10px 0 0;
font-size:98%;
font-style:italic;
}
/* Blocks */
ol,.catatan {
  display:block;
  text-align:left;
  background-color:#FFFAC1;
  font:italic normal 14px Georgia,Serif;
  color:#222;
  position:relative;
  margin:10px 7% 1.7em 7%;
  padding:20px 30px;
  text-shadow:none;
}
em[rel="note"]:before{content:"\e107  ";font-family:'ei';}
ol :before,.catatan:before {
  content:" ";
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
font-family:'ei';
  top:0;
  left:0;
}

ol code,.catatan code {font-style:normal}
.catatan h2:first-child {margin-top:0}

ol.resource,.catatan.resource {
  margin:10px auto;
  width:auto;
  font:normal normal 13px Tahoma,Verdana,Arial,Sans-Serif;
  padding:10px 20px;
  background-color:#eee;
}
.Pustaka_top-line-1{background-color:#5498C9;color:#466F8E;margin:-30px 2px 30px -15px;padding:14px 20px 12px;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0;font-size:86%;overflow:hidden}.Pustaka_top-line-1 .icon-tags{font-size:160%;display:inline;vertical-align:middle}.Pustaka_top-line-1 .tags a{color:#C4DEF0;background-color:#466F8E;vertical-align:middle;line-height:23px;padding:3px 6px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.Pustaka_top-line-1 .tags a:focus,.Pustaka_top-line-1 .tags a:hover{text-decoration:none;background-color:#395A74}.Pustaka_top-line-2{margin:-30px 2px 30px -15px;padding:3px 3px 4px 15px;background-color:#E5F2FC;overflow:hidden}.Pustaka_top-line-button,.Pustaka_top-line-button:focus,.Pustaka_top-line-button:hover{background-color:#A0BC9D;color:white;font-size:86%;font-weight:bold;line-height:1;text-decoration:none!important;display:inline-block;padding:5px 8px 5px 6px;border-bottom:1px solid #89A086;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)}.Pustaka_top-line-button:active{background-color:#9BB298;color:white}.Pustaka_top-line-button:before{color:#555;margin-right:5px}.Pustaka_top-line-button:focus:before,.Pustaka_top-line-button:hover:before{color:#333}

i[data-icon]{font-style:normal;margin-right:4px}.dte_breadcrumb .link-translate{display:block;position:absolute;top:0;right:10px;height:30px;line-height:30px}

.dte_wrap-outer-scrollable{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.dte_wrap-outer{overflow:hidden;position:relative;background:#222 url('') repeat-y 318px 0;width:1100px;min-height:100%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);box-shadow:0 0 2px rgba(0,0,0,.4)}
.catatan.resource img {
  border:2px solid #aaa !important;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.update {
  color:#A73B3B;
  margin-left:1em;
  margin-right:1em;
  border-top:1px solid;
  border-bottom:1px solid;
  padding:1em 1.5em;
}

.tip {
  background-color:#BEDBF4;
  background-image:-webkit-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-moz-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-ms-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-o-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:linear-gradient(top,#BEDBF4,#70B3DC);
  padding:7px 10px;
  border:1px solid #5E96B7;
  border-bottom-color:#5688A7;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  color:#29526F;
  text-shadow:0 1px 0 rgba(255,255,255,.1);
  -webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);
  -moz-box-shadow:0 1px 0 rgba(0,0,0,.2);
  box-shadow:0 1px 0 rgba(0,0,0,.2);
}

.tip code {font-size:11px}

.alert,
.instruction {
  background-color:#FFBABA;
  color:#D8000C;
  border:1px solid;
  padding:5px 12px;
  margin:15px 20px;
  font:normal normal 13px "Franklin Gothic Medium",Arial,Sans-Serif;
}

.instruction {
  background-color:#DFF2BF;
  color:#4F8A10;
}

.block {
  border:2px solid #888;
  background-color:#ccc;
  padding:6px 10px;
  margin:0 14px;
  -webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
}
.post-body {
line-height:60px;
padding:10px 18px;
}
.post-body a:focus {border-bottom:2px solid #FEC005}
/* end safe CSS */
.post-body section {
border:none;
padding:0 0;
margin:1.7em 0 0;
}
.post-body section:before {
content:"";
display:block;
height:30px;
margin:-30px 0 0;
}
.post-body section h2,
.post-body section h3,
.post-body section h4,
.post-body section h5 {
border-top:1px dotted #bbb;
margin:2em -14px 15px;
padding:1.7em 14px 0;
}
.table-of-content {
font-size:12px;
background-color:#FFF09B;
border:1px solid #FFE046;
padding:.5em 0 0;
margin:0 50% 0 0;
}
.post-body section footer {clear:both}
.post-body ul.listing {
font-size:10px;
text-transform:uppercase;
}
.post-body ul.listing li {margin-bottom:0}
.post-body ul.listing li.title {
list-style:none;
font-weight:bold;
}
.post-body blockquote {line-height:1.3em}
.post-body blockquote code {
font-weight:400;
background:none;
color:#ddd;
text-shadow:none;
}


button,input,select,textarea,.button,a.button{width:170px;height:auto;font:normal normal 13px/normal "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;line-height:normal;color:#555;display:inline-block;*display:inline;vertical-align:middle;white-space:nowrap;text-align:left;text-decoration:none;text-transform:none;border:1px solid #bbb;border-top-color:#999;padding:8px;margin:1px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input:focus,textarea:focus{border-color:#4B83AF #5498C9 #5498C9;background-color:white}textarea{display:block;overflow:auto;white-space:normal;word-wrap:break-word;resize:none}button,input[type="button"],input[type="reset"],input[type="submit"],.button,a.button{position:relative;width:auto;font-weight:bold;line-height:normal;color:#E8F5FF!important;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#5498C9;border-color:#508EBC;border-bottom-color:#4679A0;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2);padding-left:14px;padding-right:14px;cursor:pointer}option,optgroup{font-family:inherit;color:inherit}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.button:hover,a.button:hover,button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,.button:focus,a.button:focus{background-color:#468BC1;border-color:#4B81AA #4B81AA #396486;color:white!important;text-decoration:none}button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active,.button:active,a.button:active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);border-color:transparent}input[type="checkbox"],input[type="radio"],label,select{cursor:pointer}input[type="checkbox"],input[type="radio"]{width:auto;height:auto;margin:-2px 2px 0 0;padding:0;border:none;background:none;vertical-align:middle}select:focus{outline:none;color:black}input[disabled],input[readonly],textarea[disabled],select[readonly],textarea[readonly]{cursor:default;background-color:#eee}button[disabled],input[disabled],select[disabled],textarea[disabled]{cursor:not-allowed}button[disabled],input[type="button"][disabled],input[type="reset"][disabled],input[type="submit"][disabled],.button.disabled,a.button.disabled,button[disabled]:hover,input[type="button"][disabled]:hover,input[type="reset"][disabled]:hover,input[type="submit"][disabled]:hover,.button.disabled:hover,a.button.disabled:hover,button[disabled]:active,input[type="button"][disabled]:active,input[type="reset"][disabled]:active,input[type="submit"][disabled]:active,.button.disabled:active,a.button.disabled:active{background-color:#ccc;border-color:#bbb #bbb #bbb;color:#e1e1e1!important;text-shadow:none;top:0;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1)}fieldset{border:1px solid #bbb;padding:10px;margin:0 0 2px}legend{font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;font-size:16px;padding:0 10px;color:#888}.button-small,a.button-small{font-size:11px;line-height:1;padding:5px 8px}::-webkit-input-placeholder{color:#bbb}:-moz-placeholder{color:#bbb}::-moz-placeholder{color:#bbb}:-ms-input-placeholder{color:#bbb}*:focus::-webkit-input-placeholder{color:transparent}*:focus:-moz-placeholder{color:transparent!important}*:focus::-moz-placeholder{color:transparent!important}*:focus:-ms-input-placeholder{color:transparent!important}a{color:#346C98;text-decoration:none}a:focus,a:hover{color:#5886A7;text-decoration:underline}blockquote,dl,figure,form,hr,iframe,p,pre,ol,ul,table,video,.alert,.block,.button-group,.catatan,.fluid-video,.instruction,.jsfiddle-demo,.note,.separator.center,.tip,.update,img.center{margin:0 0 20px}img.center{display:block;margin-left:auto;margin-right:auto}abbr,acronym,.dfn{color:#666;border-bottom:1px dotted;cursor:help;position:relative}dfn{cursor:help;position:relative}dfn[title]:hover{text-decoration:underline}

.button-group{text-align:center;line-height:26px;padding:0 3px}
.button.download:before,.button.demo:before,.button.link:before,.button.try:before{font-family:'ei';font-weight:normal;font-style:normal;vertical-align:middle;margin:0 6px 0 -6px;font-size:16px;color:#3E6C90;text-shadow:0 1px 0 rgba(255,255,255,.1)}.button.download:before{content:"\e0c3"}.button.demo:before{content:"\e09d"}.button.link:before{content:"\e052"}.button.try:before{content:"\e109"}.button.disabled:before{color:#aaa;text-shadow:none}

[data-icon]:before{display:inline;vertical-align:middle;font-family:'ei';content:attr(data-icon);speak:none;font-weight:normal;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased}

.box-password{border: 1px solid #E2E3E4;border-radius: 4px 4px 4px 4px;color: #878787;cursor: default;padding: 3px 0;text-align: center;-webkit-transition: 0.35s linear;-moz-transition:0.35s linear;-o-transition:0.35s linear;outline:0;}.box-password:hover{background: white;color: black;border: 1px solid #878787;}.box-password:focus{background: white;color: black;border: 1px solid #878787;}.input2 {background:url(http://upload.kapanlagi.com/c.php?f=201108101916212_rss_4e42769597bda.jpeg) no-repeat 5px 3px #FFFFFF;
border: 1px solid #D8D8D8;outline:0;text-indent:30px;border-radius: 5px 5px 5px 5px;color: #000000;}

.menu .dte_home-icon{float:left;font-size:24px;line-height:1;margin:11px 8px 0 -8px}.menu a:focus .dte_home-icon,.menu a:hover .dte_home-icon{color:#466F8E}
code,pre,i[rel="code"],i[rel="pre"]{font-style:normal;font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;color:#BC587E}code a{color:inherit}pre,i[rel="pre"]{display:block;font-style:normal;font-size:12px;line-height:18px;background-color:#292E34;color:#8E9081;padding:10px 12px;border-left:4px solid #40627E;white-space:pre;word-wrap:normal;overflow:auto}pre[data-codetype="CSS"]{border-left-color:#5C9152}pre[data-codetype="HTML"]{border-left-color:#628998}pre[data-codetype="JavaScript"]{border-left-color:#BCB9A7}pre[data-codetype="JQuery"]{border-left-color:#645F8E}pre[data-codetype="JQuery UI"]{border-left-color:#CEA076}pre[data-codetype="XML"]{border-left-color:#B25A5A}pre code{color:inherit!important;font-weight:normal;display:block}pre.numbered .line-number{display:block;float:left;text-align:right;margin:-10px 12px -10px -12px;padding:10px 12px;background-color:#2E3439}pre.numbered .line-number span{display:block;position:relative}pre.numbered .line-number em{font:inherit;position:absolute;top:-5px;left:100%;margin-left:15px;background-color:#D1B750;border-color:#D1B750;color:#333;-webkit-box-shadow:0 3px 5px black;-moz-box-shadow:0 3px 5px black;box-shadow:0 3px 5px black;line-height:1;padding:4px 5px;display:none}pre.numbered .line-number em:before{content:"";display:block;width:0;height:0;border:4px solid transparent;border-right-color:inherit;border-bottom-color:inherit;position:absolute;top:50%;right:100%;margin-top:-4px}pre.numbered .line-number a{color:#585F64}pre.numbered .line-number a:focus+em,pre.numbered .line-number a:hover+em,pre.numbered .line-number span:hover em,pre.numbered .line-number span:target em{display:block}pre.numbered .line-number span:target{font-weight:bold;background-color:#40464B;margin:0 -12px;padding:0 12px}pre.numbered .line-number span:target a{color:#8E9081}pre.numbered:hover .line-number span:target em{display:none}table[border="1"]{background-color:#fafafa;border:1px solid #eee;table-layout:fixed};

pre.numbered{border-left-width:0}pre.numbered[data-codetype]:before{content:attr(data-codetype);display:block;margin:-10px -12px 10px;padding:8px 12px;font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;font-size:14px;text-transform:uppercase;background-color:#40627E;color:white}pre.numbered[data-codetype="CSS"]:before{background-color:#5C9152}pre.numbered[data-codetype="AS3"]:before{background-color:#5C9152}pre.numbered[data-codetype="HTML"]:before{background-color:#628998}pre.numbered[data-codetype="JavaScript"]:before{background-color:#BCB9A7}pre.numbered[data-codetype="JQuery"]:before{background-color:#645F8E}pre.numbered[data-codetype="JQuery"]:before{background-color:#645F8E}pre.numbered[data-codetype="PHP"]:before{background-color:#CEA076}pre.numbered[data-codetype="XML"]:before{background-color:#B25A5A}pre.numbered[data-codetype*="+"]:before{content:"Kode"}pre .branch-link{border-bottom:1px dotted;text-decoration:none!important}pre .comment,pre .template_comment,pre .diff .header,pre .lisp .string,pre .javadoc{color:#93a1a1;font-style:italic}pre .doctype{color:#DF7C51}pre .keyword,pre .css .rule .keyword,pre .winutils,pre .javascript .title,pre .method,pre .addition,pre .css .tag,pre .lisp .title{color:#89A252}pre .css .class{color:#A7AA9B}pre .number,pre .command,pre .string,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor{color:#628998}pre .title,pre .localvars,pre .function .title,pre .chunk,pre .decorator,pre .builtin,pre .built_in,pre .lisp .title,pre .identifier,pre .title .keymethods,pre .id{color:#86AADE}pre .tag .title,pre .rules .property,pre .django .tag .keyword{font-weight:bold}pre .attribute,pre .variable,pre .instancevar,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .label{color:#A59355}pre .preprocessor,pre .pi,pre .shebang,pre .symbol,pre .diff .change,pre .special,pre .keymethods,pre .important,pre .subst,pre .cdata{color:#B25A5A}pre .tag .value,pre .attr_selector,pre .javascript .literal{color:#BFBF90}pre .deletion{color:#dc322f}pre .tex .formula{background:#eee8d5}pre .tag{color:#A0A28B}
em[rel="note"] {
  display:block;
  padding:5px 10px;
  border:1px solid black;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#333,#222);
  background-image:-moz-linear-gradient(top,#333,#222);
  background-image:-ms-linear-gradient(top,#333,#222);
  background-image:-o-linear-gradient(top,#333,#222);
  background-image:linear-gradient(top,#333,#222);
  -webkit-box-shadow:0 0 0 1px #555;
  -moz-box-shadow:0 0 0 1px #555;
  box-shadow:0 0 0 1px #555;
  color:#ccc;
  font:normal normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  text-shadow:0 1px 0 black;
}
#loadingtext {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#loadingtext span {
  display:inline;
  background-color:#900;
  padding:5px 10px 7px;
  font:bold 11px/24px Arial,Sans-Serif;
  color:white;
}

#loadingtext iframe {
  display:block;
  position:absolute;
  top:0;
  left:50%;
  width:66px;
  height:17px;
  border:none;
  background:none;
  overflow:hidden;
  margin:2px auto 0 -33px;
}

#alert-box {
  position:fixed !important;
  position:absolute;
  top:50px;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#alert-box .message {
  background-color:#174A87;
  border:10px solid #0A2E58;
  padding:20px;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color:white;
  width:370px;
  margin:0 auto;
  text-align:left;
}

#alert-box .button-group {
  margin:15px auto 0;
  text-align:center;
}

#alert-box button {
  border:none !important;
  margin:0 2px;
  padding:5px 10px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.hidden {display:none}

.heads-up {font-size:11px;
 border:2px solid #222;
  background-color:#333;
   color:#ffffff;
  padding:.5em .8em;
}
